<template>
  <div>
    <el-container>
      <el-aside width="200px">Aside
        <common-aside></common-aside>
      </el-aside>
      <el-container>
        <el-header>
          <common-header></common-header>
        </el-header>
        <el-main>
          <!-- 子路由渲染页面  -->
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>

  </div>

</template>


<script>
//引入公共的左侧菜单栏组件
import CommonAside   from "@/components/CommonAside.vue";
import CommonHeader from "@/components/CommonHeader.vue";
export default {
  components: {CommonAside,CommonHeader},
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>
<style>
  .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
    min-height: 400px;
  }
</style>
